<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
<html>
<head>
	<base href="<%=basePath%>">
<meta charset="UTF-8">

<link href="jquery/bootstrap_3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
<script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js"></script>

	<link type="text/css" rel="stylesheet" href="jquery/bs_pagination-master/css/jquery.bs_pagination.min.css"/>
	<script type="text/javascript" src="jquery/bootstrap_3.3.0_bak/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="jquery/bs_pagination-master/js/jquery.bs_pagination.min.js"></script>
	<script type="text/javascript" src="jquery/bs_pagination-master/localization/en.js"></script>

<script type="text/javascript">

	$(function(){
		//分页：
		function queryClueForPage(pageNo, pageSize) {  //分页查询  ,pageNo:第几页   pageSize:每页条数
			var fullname = $("#query-fullname").val();
			var company = $("#query-company").val();
			var phone = $("#query-phone").val();
			var source = $("#query-source option:selected").text();
			var owner = $("#query-owner").val();
			var mphone = $("#query-mphone").val();
			var state = $("#query-state option:selected").text();

			$.ajax({
				url: 'workbench/clue/queryClueForPage.do',
				data: {
					fullname:fullname,
					company:company,
					phone:phone,
					source: source,
					owner:owner,
					mphone:mphone,
					state:state,
					pageNo: pageNo,
					pageSize: pageSize
				},
				type: "post",
				dataType: 'json',
				success: function (data) {
					//显示总条数
					$("#totalRowsB").text(data.totalRows);
					//显示活动列表：
					var htmlStr = "";
					$.each(data.clueList, function (index, obj) {
						htmlStr+='<tr>';
						htmlStr+='	<td><input type="checkbox" value="'+obj.id+'"/></td>';
						htmlStr+='	<td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href=\'workbench/clue/detailClue.do?id='+obj.id+'\';">'+obj.fullname+obj.appellation+'</a></td>';
						htmlStr+='	<td>'+obj.company+'</td>';
						htmlStr+='	<td>'+obj.phone+'</td>';
						htmlStr+='	<td>'+obj.mphone+'</td>';
						htmlStr+='	<td>'+obj.source+'</td>';
						htmlStr+='	<td>'+obj.owner+'</td>';
						htmlStr+='	<td>'+obj.state+'</td>';
						htmlStr+='</tr>';
					});
					$("#tBody").html(htmlStr);
					$("#checkAll").prop("checked", false);
					var totalPages = 1;
					if (data.totalRows % pageSize == 0) {
						totalPages = data.totalRows / pageSize;
					} else {
						totalPages = parseInt(data.totalRows / pageSize) + 1;
					}
					//显示翻页信息：
					$("#demo_page1").bs_pagination({
						currentPage: pageNo,      //第几页
						rowsPerPage: pageSize,   //每页条数
						totalRows: data.totalRows,  //总条数
						totalPages: totalPages,   //总页数（必填）
						visiblePageLinks: 5,    //显示的按钮卡片数
						showGoToPage: true,
						showRowsPerPage: true,
						showRowsInfo: true,
						//每次触发切换页面 自动触动函数
						onChangePage: function (event, pageObj) {
							queryClueForPage(pageObj.currentPage, pageObj.rowsPerPage);
						}
					});
				}
			});
		}
		queryClueForPage(1,5);

		$("#queryBtn").click(function(){
			var pageSize = $("#demo_page1").bs_pagination("getOption", "rowsPerPage");  //分页的每页大小获取参数
			queryClueForPage(1,pageSize);
		});

		//新建线索按钮 点击事件
		$("#createClueBtn").click(function(){
			$("#createClueForm")[0].reset();
			$("#createClueModal").modal("show");
		});

		//线索保存按钮
		$("#saveCreateClueBtn").click(function(){
			var fullname=$("#create-fullname").val();
			var appellation=$("#create-appellation").val();
			var owner=$("#create-owner").val();
			var company=$("#create-company").val();
			var job=$("#create-job").val();
			var email=$("#create-email").val();
			var phone=$("#create-phone").val();
			var website=$("#create-website").val();
			var mphone=$("#create-mphone").val();
			var state=$("#create-state ").val();
			var source=$("#create-source").val();
			var editBy=$("#create-editBy").val();
			var editTime=$("#create-editTime").val();
			var description=$("#create-description").val();
			var contactSummary=$("#create-contactSummary").val();
			var nextContactTime=$("#create-nextContactTime").val();
			var address=$("#create-address").val();
			//验证合法
			if (fullname=="") {
				alert("姓名不能为空");
				return;
			}
			if (appellation=="") {
				alert("称呼不能为空");
				return;
			}
			if (mphone=="") {
				alert("手机不能为空");
				return;
			}
			if (state=="") {
				alert("线索状态不能为空");
				return;
			}
			if (source=="") {
				alert("线索来源不能为空");
				return;
			}

			//发送请求 将线索保存到数据库中
			$.ajax({
				url:'workbench/clue/saveCreateClue.do',
				type:'post',
				data:{
					fullname:fullname,
					owner:owner,
					company:company,
					job:job,
					email:email,
					phone:phone,
					website:website,
					mphone:mphone,
					state:state,
					source:source,
					editBy:editBy,
					editTime:editTime,
					description:description,
					contactSummary:contactSummary,
					nextContactTime:nextContactTime,
					address:address,
					appellation:appellation
				},
				dataType:'json',
				success:function (data){
					if (data.code=='1'){
						//关闭模态窗口
						$("#createClueModal").modal("hide");
						var pageSize = $("#demo_page1").bs_pagination("getOption", "rowsPerPage");  //分页的每页大小获取参数
						var currentPage=$("#demo_page1").bs_pagination("getOption", "currentPage");
						queryClueForPage(currentPage,pageSize);
					}else {
						alert(data.message);
						$("#createClueModal").modal("show");
					}
				}
			});
		});


		//删除按钮添加点击事件
		$("#deleteClueBtn").click(function () {
			//获取选中的 checkbox
			var checkboxs = $("#tBody input[type='checkbox']:checked");
			if (checkboxs.size() == 0) {
				alert("请选择需要删除的信息");
				return;
			}
			if (window.confirm("确定删除吗？")) {
				var ids = "";
				$.each(checkboxs, function () {    //每遍历一次 执行一次函数
					ids += "id=" + this.value + "&";  //拼接：  id=xxxx&id=xxx&id=xx&
				})
				//去掉最后的 &
				ids = ids.substr(0, ids.length - 1);  //arg0: 起始字符下标, arg1:长度
				$.ajax({
					url: "workbench/clue/deleteClueByIds.do",
					type: 'post',
					data: ids,
					dataType: 'json',
					success: function (data) {
						if (data.code == "1") {
							//刷新显示的市场活动信息
							var pageSize = $("#demo_page1").bs_pagination("getOption", "rowsPerPage");  //分页的每页大小获取参数
							queryClueForPage(1, pageSize);
						} else {
							alert(data.message);
						}
					}
				});
			}
		});

		//点击修改按钮：
		$("#editClueBtn").click(function (){
			//获取选择的 checkbox  中的Id值  ，查询信息 ，写到模态窗口中
			var checkbox=$("#tBody input[type='checkbox']:checked");
			if (checkbox.size()==0){
				alert("请选择需要修改的线索");
				return;
			}else if(checkbox.size()>1){
				alert("只能选择一条线索进行修改");
				return;
			}else{
				var clueId=checkbox.val();
				$.ajax({
					url:'workbench/clue/toEditClue.do',
					type:'post',
					data:{
						clueId:clueId,
					},
					dataType:'json',
					success:function(data){
						$("#editClueId").val(clueId);
						$("#edit-owner").val(data.owner);
						$("#edit-appellation").val(data.appellation);
						$("#edit-job").val(data.job);
						$("#edit-phone").val(data.phone);
						$("#edit-mphone").val(data.mphone);
						$("#edit-source").val(data.source);
						$("#edit-description").val(data.description);
						$("#edit-contactSummary").val(data.contactSummary);
						$("#edit-nextContactTime").val(data.nextContactTime);
						$("#edit-address").val(data.address);
						$("#edit-company").val(data.company);
						$("#edit-fullname").val(data.fullname);
						$("#edit-email").val(data.email);
						$("#edit-website").val(data.website);
						$("#edit-status").val(data.state);
						$("#editClueModal").modal("show");
					}
				})
			}
		});
		//在修改的模态窗口中点击 更新按钮：
		$("#saveEditBtn").click(function (){
			var id=$("#editClueId").val();
			var owner=$("#edit-owner").val();
			var appellation=$("#edit-appellation").val();
			var job=$("#edit-job").val();
			var phone=$("#edit-phone").val();
			var mphone=$("#edit-mphone").val();
			var source=$("#edit-source").val();
			var description=$("#edit-description").val();
			var contactSummary=$("#edit-contactSummary").val();
			var nextContactTime=$("#edit-nextContactTime").val();
			var address=$("#edit-address").val();
			var company=$("#edit-company").val();
			var fullname=$("#edit-fullname").val();
			var email=$("#edit-email").val();
			var website=$("#edit-website").val();
			var state=$("#edit-status").val();
			$.ajax({
				url:'workbench/clue/editClue.do',
				type:'post',
				data:{
					id:id,
					owner:owner,
					appellation:appellation,
					job:job,
					phone:phone,
					mphone:mphone,
					source:source,
					description:description,
					contactSummary:contactSummary,
					nextContactTime:nextContactTime,
					address:address,
					company:company,
					email:email,
					fullname:fullname,
					website:website,
					state:state,
				},
				dataType:'json',
				success:function(data){
					if (data.code=='1'){
						var pageSize = $("#demo_page1").bs_pagination("getOption", "rowsPerPage");  //分页的每页大小获取参数
						var currentPage=$("#demo_page1").bs_pagination("getOption", "currentPage");
						queryClueForPage(currentPage,pageSize);
					}else{
						alert(code.message);
						$("#editClueModal").modal("show");
					}

				}
			})
		})

	});

</script>
</head>
<body>

	<!-- 创建线索的模态窗口 -->
	<div class="modal fade" id="createClueModal" role="dialog">
		<div class="modal-dialog" role="document" style="width: 90%;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">创建线索</h4>
				</div>
				<div class="modal-body">
					<form id="createClueForm" class="form-horizontal" role="form">

						<div class="form-group">
							<label for="create-owner" class="col-sm-2 control-label">所有者<span style="font-size: 15px; color: red;">*</span></label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="create-owner">
									<c:forEach items="${userList}" var="user">
										<option value="${user.id}">${user.name}</option>
									</c:forEach>
								</select>
							</div>
							<label for="create-company" class="col-sm-2 control-label">公司<span style="font-size: 15px; color: red;">*</span></label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="create-company">
							</div>
						</div>

						<div class="form-group">
							<label for="create-appellation" class="col-sm-2 control-label">称呼</label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="create-appellation">
									<c:forEach items="${appellationList}" var="al">
										<option value="${al.id}"> ${al.value}</option>
									</c:forEach>
								</select>
							</div>
							<label for="create-fullname" class="col-sm-2 control-label">姓名<span style="font-size: 15px; color: red;">*</span></label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="create-fullname">
							</div>
						</div>

						<div class="form-group">
							<label for="create-job" class="col-sm-2 control-label">职位</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="create-job">
							</div>
							<label for="create-email" class="col-sm-2 control-label">邮箱</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="create-email">
							</div>
						</div>

						<div class="form-group">
							<label for="create-phone" class="col-sm-2 control-label">公司座机</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="create-phone">
							</div>
							<label for="create-website" class="col-sm-2 control-label">公司网站</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="create-website">
							</div>
						</div>

						<div class="form-group">
							<label for="create-mphone" class="col-sm-2 control-label">手机</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="create-mphone">
							</div>
							<label for="create-state" class="col-sm-2 control-label">线索状态</label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="create-state">
								  <option></option>
									<c:forEach items="${clueStateList}" var="cl">
										<option value="${cl.id}">${cl.value}</option>
									</c:forEach>
								</select>
							</div>
						</div>

						<div class="form-group">
							<label for="create-source" class="col-sm-2 control-label">线索来源</label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="create-source">
								  <option></option>
									<c:forEach items="${sourceList}" var="source">
										<option value="${source.id}">${source.value}</option>
									</c:forEach>
								</select>
							</div>
						</div>


						<div class="form-group">
							<label for="create-describe" class="col-sm-2 control-label">线索描述</label>
							<div class="col-sm-10" style="width: 81%;">
								<textarea class="form-control" rows="3" id="create-describe"></textarea>
							</div>
						</div>

						<div style="height: 1px; width: 103%; background-color: #D5D5D5; left: -13px; position: relative;"></div>

						<div style="position: relative;top: 15px;">
							<div class="form-group">
								<label for="create-contactSummary" class="col-sm-2 control-label">联系纪要</label>
								<div class="col-sm-10" style="width: 81%;">
									<textarea class="form-control" rows="3" id="create-contactSummary"></textarea>
								</div>
							</div>
							<div class="form-group">
								<label for="create-nextContactTime" class="col-sm-2 control-label">下次联系时间</label>
								<div class="col-sm-10" style="width: 300px;">
									<input type="text" class="form-control" id="create-nextContactTime">
								</div>
							</div>
						</div>

						<div style="height: 1px; width: 103%; background-color: #D5D5D5; left: -13px; position: relative; top : 10px;"></div>

						<div style="position: relative;top: 20px;">
							<div class="form-group">
                                <label for="create-address" class="col-sm-2 control-label">详细地址</label>
                                <div class="col-sm-10" style="width: 81%;">
                                    <textarea class="form-control" rows="1" id="create-address"></textarea>
                                </div>
							</div>
						</div>
					</form>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary"  id="saveCreateClueBtn">保存</button>
				</div>
			</div>
		</div>
	</div>

	<!-- 修改线索的模态窗口 -->
	<div class="modal fade" id="editClueModal" role="dialog">
		<div class="modal-dialog" role="document" style="width: 90%;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title">修改线索</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" role="form">
						<input type="hidden"  id="editClueId">
						<div class="form-group">
							<label for="edit-owner" class="col-sm-2 control-label">所有者<span style="font-size: 15px; color: red;">*</span></label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="edit-owner">
									<c:forEach items="${userList}" var="user">
										<option value="${user.id}">${user.name}</option>
									</c:forEach>
								</select>
							</div>
							<label for="edit-company" class="col-sm-2 control-label">公司<span style="font-size: 15px; color: red;">*</span></label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="edit-company" value="动力节点">
							</div>
						</div>

						<div class="form-group">
							<label for="edit-appellation" class="col-sm-2 control-label">称呼</label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="edit-appellation">
								  <option></option>
									<c:forEach items="${appellationList}" var="al">
										<option value="${al.id}">${al.value}</option>
									</c:forEach>
								</select>
							</div>
							<label for="edit-fullname" class="col-sm-2 control-label">姓名<span style="font-size: 15px; color: red;">*</span></label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="edit-fullname" value="李四">
							</div>
						</div>

						<div class="form-group">
							<label for="edit-job" class="col-sm-2 control-label">职位</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="edit-job" value="CTO">
							</div>
							<label for="edit-email" class="col-sm-2 control-label">邮箱</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="edit-email" value="lisi@bjpowernode.com">
							</div>
						</div>

						<div class="form-group">
							<label for="edit-phone" class="col-sm-2 control-label">公司座机</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="edit-phone" value="010-84846003">
							</div>
							<label for="edit-website" class="col-sm-2 control-label">公司网站</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="edit-website" value="http://www.bjpowernode.com">
							</div>
						</div>

						<div class="form-group">
							<label for="edit-mphone" class="col-sm-2 control-label">手机</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="edit-mphone" value="12345678901">
							</div>
							<label for="edit-status" class="col-sm-2 control-label">线索状态</label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="edit-status">
								  <option></option>
									<c:forEach items="${clueStateList}" var="cl">
										<option value="${cl.id}">${cl.value}</option>
									</c:forEach>
								</select>
							</div>
						</div>

						<div class="form-group">
							<label for="edit-source" class="col-sm-2 control-label">线索来源</label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="edit-source">
								  <option></option>
									<c:forEach items="${sourceList}" var="source">
										<option value="${source.id}">${source.value}</option>
									</c:forEach>
								</select>
							</div>
						</div>

						<div class="form-group">
							<label for="edit-description" class="col-sm-2 control-label">描述</label>
							<div class="col-sm-10" style="width: 81%;">
								<textarea class="form-control" rows="3" id="edit-description">这是一条线索的描述信息</textarea>
							</div>
						</div>

						<div style="height: 1px; width: 103%; background-color: #D5D5D5; left: -13px; position: relative;"></div>

						<div style="position: relative;top: 15px;">
							<div class="form-group">
								<label for="edit-contactSummary" class="col-sm-2 control-label">联系纪要</label>
								<div class="col-sm-10" style="width: 81%;">
									<textarea class="form-control" rows="3" id="edit-contactSummary">这个线索即将被转换</textarea>
								</div>
							</div>
							<div class="form-group">
								<label for="edit-nextContactTime" class="col-sm-2 control-label">下次联系时间</label>
								<div class="col-sm-10" style="width: 300px;">
									<input type="text" class="form-control" id="edit-nextContactTime" value="2017-05-01">
								</div>
							</div>
						</div>

						<div style="height: 1px; width: 103%; background-color: #D5D5D5; left: -13px; position: relative; top : 10px;"></div>

                        <div style="position: relative;top: 20px;">
                            <div class="form-group">
                                <label for="edit-address" class="col-sm-2 control-label">详细地址</label>
                                <div class="col-sm-10" style="width: 81%;">
                                    <textarea class="form-control" rows="1" id="edit-address">北京大兴区大族企业湾</textarea>
                                </div>
                            </div>
                        </div>
					</form>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button id="saveEditBtn" type="button" class="btn btn-primary" data-dismiss="modal">更新</button>
				</div>
			</div>
		</div>
	</div>




	<div>
		<div style="position: relative; left: 10px; top: -10px;">
			<div class="page-header">
				<h3>线索列表</h3>
			</div>
		</div>
	</div>

	<div style="position: relative; top: -20px; left: 0px; width: 100%; height: 100%;">

		<div style="width: 100%; position: absolute;top: 5px; left: 10px;">

			<div class="btn-toolbar" role="toolbar" style="height: 80px;">
				<form class="form-inline" role="form" style="position: relative;top: 8%; left: 5px;">

				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">名称</div>
				      <input class="form-control" type="text" id="query-fullname">
				    </div>
				  </div>

				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">公司</div>
				      <input class="form-control" type="text" id="query-company">
				    </div>
				  </div>

				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">公司座机</div>
				      <input class="form-control" type="text" id="query-phone">
				    </div>
				  </div>

				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">线索来源</div>
					  <select class="form-control" id="query-source">
					  	  <option></option>
						  <c:forEach items="${sourceList}" var="source">
							  <option value="${source.id}">${source.value}</option>
						  </c:forEach>
					  </select>
				    </div>
				  </div>

				  <br>

				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">所有者</div>
				      <input class="form-control" type="text" id="query-owner">
				    </div>
				  </div>



				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">手机</div>
				      <input class="form-control" type="text" id="query-mphone">
				    </div>
				  </div>

				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">线索状态</div>
					  <select class="form-control" id="query-state">
					  	<option></option>
						  <c:forEach items="${clueStateList}" var="cl">
							  <option value="${cl.id}">${cl.value}</option>
						  </c:forEach>
					  </select>
				    </div>
				  </div>

				  <button  type="button" class="btn btn-default" id="queryBtn">查询</button>

				</form>
			</div>
			<div class="btn-toolbar" role="toolbar" style="background-color: #F7F7F7; height: 50px; position: relative;top: 40px;">
				<div class="btn-group" style="position: relative; top: 18%;">
				  <button type="button" class="btn btn-primary" data-toggle="modal" id="createClueBtn"><span class="glyphicon glyphicon-plus"></span> 创建</button>
				  <button type="button" class="btn btn-default" id="editClueBtn" ><span class="glyphicon glyphicon-pencil"></span> 修改</button>
				  <button type="button" class="btn btn-danger" id="deleteClueBtn"><span class="glyphicon glyphicon-minus"></span> 删除</button>
				</div>


			</div>
			<div style="position: relative;top: 50px;">
				<table class="table table-hover">
					<thead>
						<tr style="color: #B3B3B3;">
							<td><input type="checkbox" id="checkAll" /></td>
							<td>名称</td>
							<td>公司</td>
							<td>公司座机</td>
							<td>手机</td>
							<td>线索来源</td>
							<td>所有者</td>
							<td>线索状态</td>
						</tr>
					</thead>
					<tbody id="tBody">
<%--						<tr>--%>
<%--							<td><input type="checkbox" /></td>--%>
<%--							<td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href='detail.jsp';">李四先生</a></td>--%>
<%--							<td>动力节点</td>--%>
<%--							<td>010-84846003</td>--%>
<%--							<td>12345678901</td>--%>
<%--							<td>广告</td>--%>
<%--							<td>zhangsan</td>--%>
<%--							<td>已联系</td>--%>
<%--						</tr>--%>
<%--                        <tr class="active">--%>
<%--                            <td><input type="checkbox" /></td>--%>
<%--                            <td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href='detail.jsp';">李四先生</a></td>--%>
<%--                            <td>动力节点</td>--%>
<%--                            <td>010-84846003</td>--%>
<%--                            <td>12345678901</td>--%>
<%--                            <td>广告</td>--%>
<%--                            <td>zhangsan</td>--%>
<%--                            <td>已联系</td>--%>
<%--                        </tr>--%>
					</tbody>
				</table>
			</div>

			<div style="height: 80px; position: relative;top: 60px;" id="demo_page1">
<%--				<div>--%>
<%--					<button type="button" class="btn btn-default" style="cursor: default;">共<b id="totalRowsB"></b>条记录</button>--%>
<%--				</div>--%>
<%--				<div class="btn-group" style="position: relative;top: -34px; left: 110px;">--%>
<%--					<button type="button" class="btn btn-default" style="cursor: default;">显示</button>--%>
<%--					<div class="btn-group">--%>
<%--						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">--%>
<%--							10--%>
<%--							<span class="caret"></span>--%>
<%--						</button>--%>
<%--						<ul class="dropdown-menu" role="menu">--%>
<%--							<li><a href="#">20</a></li>--%>
<%--							<li><a href="#">30</a></li>--%>
<%--						</ul>--%>
<%--					</div>--%>
<%--					<button type="button" class="btn btn-default" style="cursor: default;">条/页</button>--%>
<%--				</div>--%>
<%--				<div style="position: relative;top: -88px; left: 285px;">--%>
<%--					<nav>--%>
<%--						<ul class="pagination">--%>
<%--							<li class="disabled"><a href="#">首页</a></li>--%>
<%--							<li class="disabled"><a href="#">上一页</a></li>--%>
<%--							<li class="active"><a href="#">1</a></li>--%>
<%--							<li><a href="#">2</a></li>--%>
<%--							<li><a href="#">3</a></li>--%>
<%--							<li><a href="#">4</a></li>--%>
<%--							<li><a href="#">5</a></li>--%>
<%--							<li><a href="#">下一页</a></li>--%>
<%--							<li class="disabled"><a href="#">末页</a></li>--%>
<%--						</ul>--%>
<%--					</nav>--%>
<%--				</div>--%>
			</div>

		</div>

	</div>
</body>
</html>
